@mixin border1px($color) {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 1px;
    background: $color;
  }

  @media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
    &::after {
      transform: scaleY(0.667);
    }
  }

  @media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
    &::after {
      transform: scaleY(0.5);
    }
  }

  @media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3) {
    &::after {
      transform: scaleY(0.333);
    }
  }
}
